import React from 'react';
import PropTypes from 'prop-types';

const Help = ({ className, label }) => (
  <svg
    className={className}
    aria-label={label}
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 16 16"
  >
    <path d="M8,.831A7.169,7.169,0,1,0,15.169,8,7.169,7.169,0,0,0,8,.831ZM7.6,12.854a.979.979,0,1,1,.979-.979A.979.979,0,0,1,7.6,12.854ZM10.639,6.31a2.474,2.474,0,0,1-.43.72,6.932,6.932,0,0,1-.992.892,3.8,3.8,0,0,0-.8.782,1.5,1.5,0,0,0-.2.833v.291H6.944V9.415A2.439,2.439,0,0,1,7.2,8.232a3.371,3.371,0,0,1,.9-.976A5,5,0,0,0,9.1,6.314a1.415,1.415,0,0,0,.223-.8,1.007,1.007,0,0,0-.362-.833,1.625,1.625,0,0,0-1.04-.291,3.57,3.57,0,0,0-1.137.175,8.062,8.062,0,0,0-1.021.42L5.219,3.846a5.686,5.686,0,0,1,2.81-.73,3.038,3.038,0,0,1,2.009.62,2.11,2.11,0,0,1,.743,1.712A2.438,2.438,0,0,1,10.639,6.31Z" />
  </svg>
);

Help.propTypes = {
  className: PropTypes.string.isRequired,
  label: PropTypes.string.isRequired
};

export default Help;
